page{background-color:#f0f0f0;height:100%}
.index{padding-bottom:100rpx;padding:30rpx;box-sizing:border-box;
    .title{font-size:24rpx;color:#999;}
    .list{padding:30rpx 0;
        .info{display:flex;justify-content:space-between;position:relative;background-color:#fff;padding:30rpx;box-sizing:border;border-radius:10rpx;
            .event{width:100%;display:flex;justify-content:space-between;}
            .left{flex:1;display:flex;align-items:center;
                image{width:64rpx;height:64rpx;border-radius:8rpx;}
                .name{font-size:28rpx;font-weight:bold;color:#333;padding:0 20rpx;}
                .label{font-size:18rpx;color:#fff;background-color:#EB5757;font-weight:bold;padding:5rpx 10rpx;border-radius:10rpx;margin-top:5rpx;}
            }
            .right{display:flex;align-items:center;
                button{width:100rpx;font-size:24rpx;color:#999;font-weight:bold;transition:.2s;background-color:#fff}
                button::after{border:none}
                .button-hover{transform:scale(0.9);background-color:#eee}
                .removeBtn{width:48rpx;height:48rpx;padding-left:20rpx;
                    image{width:48rpx;height:48rpx;border-radius:8rpx;transition:.2s}
                }
                .removeBtn_hover image{transform:scale(0.9);background-color:#eee}
            }
        }
        .addBtn{display:flex;justify-content:center;align-items:center;width:100%;height:100rpx;background-color:#fff;border-radius:8rpx;font-size:24rpx;color:#333;transition:.2s;position:relative;z-index:100;
            text{font-size:28rpx;font-weight:bold;margin-right:10rpx;margin-bottom:5rpx;}
        }
        .addBtn_hover{transform:scale(0.97)}
    }
}